<template>
	<view class="index-container">
		<view class="titleStyPOs">
			<!-- <div style="height:30rpx"></div>
			<view :style="{height: statusBarHeight + 'px'}"></view>
			<Title :title="title" /> -->
			<CommonHeader :title="$t('我的收藏')" ></CommonHeader>
			<view class="flex-start mt-50" style="overflow-x: scroll;">
				<view class="ml-35 commonSty" v-for="(item, index) in listTitle" :class="{activeSty: current == item.key}" @click="changeTitle(item)">
					{{item.title}}
				</view>
			</view>
			<view class="flex" v-if="langR == 'ru'">
				<view class="search-wxx">
					<u-search :placeholder="$t('请输入搜索内容')" v-model="keyword" shape="round" :clearabled="true" @search="searchFun" class="searchSty" :class="{userSearchSty: current == 1}" :action-text="$t('搜索')"></u-search>
				</view>
				<p v-if="current == 1" class="text-333 font-bold fz22 ml-20 mr-30" @click="userModal = true">	{{$t('筛选')}}</p>
			</view>
			<view class="flex" v-if="langR == 'zh'">
				<u-search :placeholder="$t('请输入搜索内容')" v-model="keyword" shape="round" :clearabled="true" @search="searchFun" class="searchSty" :class="{userSearchSty: current == 1}" :action-text="$t('搜索')"></u-search>
				<p v-if="current == 1" class="text-333 font-bold fz26 ml-20 mr-30"  @click="userModal = true">	{{$t('筛选')}}</p>
			</view>
		</view>
		<view :style="`height: calc(${statusBarHeight}px + 320rpx);`"></view>
		<view v-if="current == 1" class=" w-full">
		<u-collapse event-type="close" :arrow="true" :accordion="true" ref="height" class="boxStyColl" @change="handleOpenChange">
			<u-checkbox-group>
				<u-collapse-item v-for="(item, index) in itemList" :index="index" :title="item[plang('title')]" :key="index" class="collapsSty  w-full" @change="itemChange">
					<u-checkbox 
						@change="checkboxChange" 
						v-model="itemInfo.checked" 
						:key="itemInfo.id"
						:name="itemInfo.id"
						 v-for="itemInfo in item.guanzhu"
					>
					<view class="mt-30 w-full">
						<view class="flex-start boxListSty w-full">
							<!-- <image :src="ossurl+item.avatar" class="w-55 h-55 mt-30 ml-24" mode=""></image> -->
							<image :src="getImageUrl(itemInfo.member.avatar)" mode="aspectFill"  class="w-55 h-55 mt-30 ml-24" style="border-radius: 50%;"></image>
							<view class="mt-30 ml-16  pb-20 w-full" style="flex: 1;">
								<view class="between w-full">
									<p class="fz32 text-010 font-bold font-family" style="max-width: 540rpx;" v-if="langR == 'zh'">
										{{get(itemInfo, 'member.username')}}
									</p>
									<p class="fz32 text-010 font-bold font-family" style="max-width: 540rpx;" v-if="langR == 'ru'">
										{{get(itemInfo, 'member.username_ru')}}
									</p>
									<image src="/static/images/user/newUI/StarBright.png" mode="" class="w-35 h-35 mr-15" @click="cancelCollect(itemInfo)"></image>
								</view>
								
								<p>
									<span class="text-888 fz20">{{$t('综合评分')}}：{{get(itemInfo, 'member_info.rating')}} </span>
									<span class="text-888 fz20" style="margin-left: 15px;"> {{$t('已成交')}}：{{itemInfo.order_count}} {{$t('笔')}}</span>
								</p>
								<view class="">
									<image :src="itemInfo.country=='0'?'/static/icon/zh.png':'/static/icon/ru.png'" mode=""
										class="w-30 h-20"></image>
									<span class="fz20 ml-8"
										style="color: #999" v-if="langR == 'zh'">{{ get(itemInfo, 'area.mergename')}}</span>
									<span class="fz20 ml-8"
										style="color: #999" v-if="langR == 'ru'">{{ get(itemInfo, 'area.mergename_ru')}}</span>
								</view>
							</view>
						</view>
					</view>
					</u-checkbox>
					
					<view v-if="item.is_no_group != 1" class="between pb-50">
						<view class="funSty" @click="memberMove">
							{{$t('成员迁移')}}
						</view>
						<view class="funSty" @click="setReNameFun(item.id)">
							{{$t('重命名')}}
						</view> 
						<view class="funSty mr-35" @click="delGroupFun(item.id)">
							{{$t('删除群组')}}
						</view>
					</view>
					
				</u-collapse-item>
			</u-checkbox-group>
		</u-collapse>
		<view style="height: 200rpx;"></view>
				<!-- <view class="empty"></view> -->
			<view class="footer_btn4">
				<view class="btn_blue" @click="shownewGroup = true">
					{{$t('新建群组')}}
				</view>
			</view>
		</view>
		
		<view v-if="current == 5" class="">
			<view class="flex infoBoxSty" v-for="(item, index) in productList">
				<image :src="getImageUrl(item.goods.pic)" mode="widthFix" class="w-180 mt-10 pl-10 mb-10"></image>
				<view class="flex-1">
					<p class="ml-20 mr-20 fz26 text-333 font-bold line-h40 mt-20" v-if="langR == 'zh'">{{get(item, 'goods.name')}}</p>
					<p class="ml-20 mr-20 fz26 text-333 font-bold line-h40 mt-20" v-if="langR == 'ru'">{{get(item, 'goods.name_ru')}}</p>
					<view class="between mt-35 mb-20">
						<view class="flex-start ml-20">
							<p class="fz46 font-bold" style="color: #FF6600"><span class="fz26">{{get(item, 'goods.currency') || '￥'}}</span>{{get(item, 'goods.sell_price')}}</p>
							<!-- <p class="fz20 ml-10 mt-20" style="color: #B0B0B0;">{{$t('不含运费')}}</p> -->
						</view>
						<image src="../../../../static/images/user/newUI/StarBright.png" mode="" class="w-35 h-35 mr-15" @click="cancelProduct(item)"></image>
					</view>
				</view>
			</view>
		</view>
		
		<view v-if="current == 4" class="">
			<view class="flex infoBoxSty" v-for="(item, index) in storeList">
				<image :src="getImageUrl(item.member.avatar)" mode="widthFix" class="w-180 mt-10 pl-10 mb-10"></image>
				<view class="flex-1">
					<p class="ml-20 mr-20 fz26 text-333 font-bold line-h40" v-if="langR == 'zh'">{{get(item, 'member.username')}}</p>
					<p class="ml-20 mr-20 fz26 text-333 font-bold line-h40" v-if="langR == 'ru'">{{get(item, 'member.username_ru')}}</p>
					
					<view class="flex-start ml-20 mt-15" style="align-items: center;">

						 <!-- v-for="item.member_info.rating" -->
						<image src="../../../../static/images/user/newUI/startOne.png" mode="" class="w-20 h-20 ml-5" v-for="(item,index) in item.member_info.rating"></image>

						<span class="fz20 text-888 ml-10" style="margin-top: -5rpx;">{{$t('综合评分')}}: {{ item.member_info.rating }}</span>
					</view>
					<view class="between mt-25 ml-20"> 
						<flag :country="item.member_info.country"></flag>
						<image src="../../../../static/images/user/newUI/StarBright.png" mode="" class="w-35 h-35 mr-25" @click="cancelShop(item)"></image>
					</view>
				</view>
			</view>
		</view>
		
		<view v-if="current == 2" class="">
			<view class="flex infoBoxSty" v-for="(item, index) in articleList">
				<image :src="getImageUrl(get(item, 'list.images', '').split(',')[0])" mode="aspectFill" class="w-150 h-150 mt-20 ml-20 mb-20" style="border-radius: 10rpx;"></image>
				<view class="flex-1">
					<p class="ml-20 mr-20 fz26 text-333 font-bold line-h40" v-if="langR == 'zh'">{{get(item, 'list.title')}}</p>
					<p class="ml-20 mr-20 fz26 text-333 font-bold line-h40" v-if="langR == 'ru'">{{get(item, 'list.title_ru')}}</p>
					<p class="fz20 text-888 ml-20" style="" v-if="langR == 'zh'">{{get(item, 'list.content')}}</p>
					<p class="fz20 text-888 ml-20" style="" v-if="langR == 'ru'">{{get(item, 'list.content_ru')}}</p>
					<view class="flex-end mt-25"> 
						<image src="../../../../static/images/user/newUI/StarBright.png" mode="" class="w-35 h-35 mr-25" @click="cancelArtic(item)"></image>
					</view>
				</view>
			</view>
		</view>
		
		<u-select :confirm-text="$t('确定')" :cancel-text="$t('取消')" v-model="demanModal" :list="list"></u-select>
		<!-- <u-popup v-model="demanModal">
			<view>
				<u-select :list="list"></u-select>
			</view>
		</u-popup> -->
		<u-modal
			v-model="shownewGroup"
			:mask-close-able="false"
			@cancel="shownewGroup = false"
			@confirm="confirmGroup"
			:title="$t('群组名')"
			:show-cancel-button="true"
			class="groupSty"
			:confirm-text="$t('确定')"
			:cancel-text="$t('取消')"
		>
			<view class="slot-content">
				<u-input v-model="groupName" :border="true" type="text" :placeholder="$t('请输入')" />
			</view>
		</u-modal>
		
		<u-modal
			v-model="reNewName"
			:mask-close-able="false"
			@cancel="reNewName = false"
			@confirm="setNewName"
			:title="$t('重命名')"
			:show-cancel-button="true"
			class="groupSty"
			:confirm-text="$t('确定')"
			:cancel-text="$t('取消')"
		>
			<view class="slot-content">
				<u-input v-model="newName" :border="true" type="text" :placeholder="$t('请输入')" />
			</view>
		</u-modal>
		
		<u-modal
			v-model="migrateModal"
			:mask-close-able="false"
			@cancel="migrateModal = false"
			@confirm="confirmMigrate"
			:title="$t('迁移至')"
			:show-cancel-button="true"
			class="migraSty"
			:confirm-text="$t('确定')"
			:cancel-text="$t('取消')"
		>
			<view class="slot-content">
				<u-radio-group v-model="valueMigrate" :wrap="true" class="mt-10 center flex-col">
					<u-radio 
						v-for="item in migrateList" :key="item.id" 
						:name="item.id"
						class="mt-30"
					>
						{{item[plang('title')]}}
					</u-radio>
				</u-radio-group>
			</view>
		</u-modal>
		
		<u-modal
			v-model="delGroup"
			:mask-close-able="false"
			:show-confirm-button="false"
			:show-cancel-button="false"
			:show-title="false"
			class="groupSty"
		>
			<view class="slot-content flex-col center">
				<view class="delConfirmSty" @click="confirmDel">
					{{$t('迁移群成员并删除群组')}}
				</view>
				<view class="delCancelSty" @click="delGroup = false">
					{{$t('取消')}}
				</view>
			</view>
		</u-modal>
		
		<u-select :confirm-text="$t('确定')" :cancel-text="$t('取消')" v-model="userModal" :list="userList" value-name="identity_type" :label-name="plang('title')" @confirm="filterUser"></u-select>
	</view>
	
</template>

<script>
	// import Title from './../components/title.vue'
	import CommonHeader from "@/pages/components/common-header.vue";
	import { userGroup, findGroup, delGroup, editGroup, addGroup, groupMove, identityType, getGuanZhu } from '@/api/basic'
	export default {
		components: {
			// Title,
			CommonHeader
		}, 
		data() {
			return {
				title: this.$t('我的收藏'),
				reNewName: false,
				shownewGroup: false,
				statusBarHeight: uni.getStorageSync('statusBarHeight') || 0,
				delGroup: false,
				userModal: false,
				demanModal: false,
				migrateModal: false,
				valueMigrate: '',
				newName: '',
				IMAGE_URL: 'https://gluz-oss.oss-cn-beijing.aliyuncs.com/',
				resetId: '',
				groupName: '',
				migrateList: [],
				userList: [],
				list: [
					{
						value: '1',
						label: this.$t('采购信息')
					},
					{
						value: '2',
						label: this.$t('需求信息')
					},
					{
						value: '3',
						label: this.$t('运输信息')
					},
					{
						value: '4',
						label: this.$t('生活广告')
					},
					{
						value: '5',
						label: this.$t('代办信息')
					}
				],
				listTitle: [
					{
						title: this.$t('用户'),
						key: 1
					},
					{
						title: this.$t('文章'),
						key: 2
					},
					{
						title: this.$t('店铺'),
						key: 4
					},
					{
						title: this.$t('商品'),
						key: 5
					},
				],
				current: 1,
				articleList: [],
				checkedList: [],
				keyword: '',
				checkKey: '',
				infoList: [
					{
						serviceKind: this.$t('导游服务'),
						serviceProject: this.$t('莫斯科当地导游服务'),
						operateProject: this.$t('莫斯科当地导游服务')
					},
					{
						serviceKind: this.$t('导游服务'),
						serviceProject: this.$t('莫斯科当地导游服务'),
						operateProject: this.$t('莫斯科当地导游服务')
					},
					{
						serviceKind: this.$t('导游服务'),
						serviceProject: this.$t('莫斯科当地导游服务'),
						operateProject: this.$t('莫斯科当地导游服务')
					},
				],
				productList: [],
				storeList: [],
				itemList: []
			}
		},
		mounted() {
			this.getList()
			this.getIdentityType()
		},
		methods: {
			getIdentityType() {
				identityType().then(res => {
					this.userList = res.data.data || []
				})
			},
			cancelCollect(info) {
				uni.showLoading({
					title: this.$t('取消中')
				});
				getGuanZhu({
					user_id: uni.getStorageSync("user_id"),
					guanzhu_id: info.guanzhu_id,
					type: 1,
					release_type: 'user',
					group_id: info.groupId
				}).then(res => {
					if(res.data.code == 1) {
						uni.$u.toast(this.$t('取消成功'))
						this.getList()
					}
					uni.hideLoading()
				})
				console.log('info----', info)
			},
			async cancelProduct(info) {
				console.log('info----', info)
				uni.showLoading({
					title: this.$t('取消中')
				});
				try {
					await this.$u.api.shopping.addfavorite({
						proid: info.proid,
						bid: info.bid,
						is_guanzhu: 0,
						type: "shop",
					});
					uni.$u.toast(this.$t('取消成功'))
					uni.hideLoading();
					this.getList()
				} catch (error) {
					
				}
				// getGuanZhu({
				// 	user_id: uni.getStorageSync("user_id"),
				// 	guanzhu_id: info.goods.id,
				// 	type: 5,
				// 	release_type: 'goods',
				// 	group_id: info.group_id
				// }).then(res => {
				// 	if(res.data.code == 1) {
				// 		uni.$u.toast(this.$t('取消成功'))
				// 		this.getList()
				// 	}
				// 	uni.hideLoading()
				// })
			},
			async cancelShop(info) {
				console.log('info----', info)
				uni.showLoading({
					title: 'loading'
				});

				try {
					const res = await this.$u.api.shopping.addfavorite({
						bid: info.bid,
						is_guanzhu: 1,
					});
					uni.showToast({
						title: res[this.plang('msg')],
						icon: 'none',
						duration: 2000
					});
					this.getList()
				} catch (e) {}
		
			},
			cancelArtic(info) {
				uni.showLoading({
					title: 'loading'
				});


				getGuanZhu({
					user_id: uni.getStorageSync("user_id"),
					guanzhu_id: info.guanzhu_id,
					type: 2,
					release_type: info.release_type,
					group_id: info.group_id
				}).then(res => {
					if(res.data.code == 1) {
						uni.$u.toast(this.$t('取消成功'))
						this.getList()
					}
					uni.hideLoading()
				})


			},
			getList() {
				uni.showLoading({
					title: 'loading'
				});
				userGroup({
					user_id: uni.getStorageSync("user_id"),
					type: this.current,
					// release_type: this.current == 1 ? 'professional' : ''
				}).then(res => {
					console.log('99990----', res)
					if (this.current == 1) {
						this.itemList = res.data.data
						res.data.data.map(item => {
							this.migrateList.push({
								id: item.id,
								title: item.title
							})
						})
					} else if (this.current == 2) {
						this.articleList = res.data.data
					} else if(this.current == 5) {
						this.productList = res.data.data
					} else if(this.current == 4) {
						this.storeList = res.data.data
					}
					uni.hideLoading()
				})
			},
			changeTitle(item) {
				this.current = item.key
				this.getList()
			},
			itemChange() {
				console.log('1111------')
			},
			searchFun() {
				userGroup({
					user_id: uni.getStorageSync("user_id"),
					type: this.current,
					keyword: this.keyword
				}).then(res => {
					console.log('99990----', res)
					if (this.current == 1) {
						this.itemList = res.data.data
						res.data.data.map(item => {
							this.migrateList.push({
								id: item.id,
								title: item.title
							})
						})
					} else if(this.current == 5) {
						this.productList = res.data.data
					} else if(this.current == 4) {
						this.storeList = res.data.data
					}
				})
				
			},
			memberMove() {
				if (this.checkedList.length > 0) {
					this.migrateModal = true
				} else {
					uni.$u.toast(this.$t('请选择需要迁移的成员'))
				}
			},
			checkboxChange (e) {
				console.log('e----', e)
				if (e.value == true) {
					this.checkedList.push(e.name)
				} else {
					this.checkedList = this.checkedList.filter(item => item !== e.name)
				}
				console.log('9-===1', this.checkedList)
			},
			confirmGroup() {
				uni.showLoading({
					title: 'loading'
				});
				addGroup({user_id: uni.getStorageSync("user_id"), title: this.groupName}).then(res => {
					if (res.data.data == 200) {
						uni.$u.toast(this.$t('添加成功'))
						this.getList()
						this.shownewGroup = false
					}
					uni.hideLoading()
				})
			},
			confirmMigrate() {
				if(!this.valueMigrate) {
					this.migrateModal = true
					uni.$u.toast(this.$t('请选择迁移到何处'))
				} else{
					uni.showLoading({
						title: 'loading'
					});
					groupMove({
						user_id: uni.getStorageSync("user_id"),
						ids: this.checkedList.join(','),
						group_id: this.valueMigrate
					}).then(res => {
						if (res.data.data == 200) {
							uni.$u.toast(this.$t('迁移成功'))
							this.getList()
							this.migrateModal = false
						}
						uni.hideLoading()
					})
				}
			},
			filterUser(e) {
				console.log('88888', e)
				userGroup({
					user_id: uni.getStorageSync("user_id"),
					identity_type: e[0].value
				}).then(res => {
					console.log('99990----', res)
					this.itemList = res.data.data
					res.data.data.map(item => {
						this.migrateList.push({
							id: item.id,
							title: item.title
						})
					})
					console.log('0======', this.migrateList)
				})
			},
			//计算面板高度
			handleOpenChange() {
				this.$nextTick(() => {
				    this.$refs.height.init()
			  })
			},
			setReNameFun(id) {
				this.resetId = id
				findGroup({id: id}).then(res => {
					this.newName = res.data.data[this.plang('title')]
					this.reNewName = true
				})
			},
			delGroupFun(id) {
				this.delId = id
				this.delGroup = true
			},
			confirmDel() {
				uni.showLoading({
					title: 'loading'
				});
				delGroup({id: this.delId}).then(res => {
					if (res.data.data == 200) {
						uni.$u.toast(this.$t('删除成功'))
						this.getList()
						this.delGroup = false
					}
					uni.hideLoading()
				})
			},
			setNewName() {
				uni.showLoading({
					title: 'loading'
				});
				editGroup({user_id: uni.getStorageSync("user_id"), title: this.newName, id: this.resetId}).then(res => {
					if (res.data.data == 200) {
						uni.$u.toast(this.$t('修改成功'))
						this.getList()
						this.reNewName = false
					}
					uni.hideLoading()
				})
			}
		}
	}
</script>

<style lang="scss">
	@import '@/assets/appScss.scss';
	page {
		background-color: #F6F7FB;
	}
	.boxInfoSty {
		margin-left: 24rpx;
		margin-right: 24rpx;
		min-height: 132rpx;
		border-bottom: 1rpx solid #E3E3E3;
	}
	.titleSty {
		font-family: PingFang SC;
		font-weight: 600;
		font-size: 28rpx;
		letter-spacing: 0px;
		color: #000;
		height: 26rpx;
		width: 130rpx;
		text-align: center;
		line-height: 26rpx;
		border-left: 4rpx solid #278AFF;
	}
	.index-container {
		width: 100%;
		height: 100vh;
		z-index: 60;
		overflow: scroll;
		/deep/ .u-checkbox {
			width: 100% !important;
		}
		/deep/ .u-checkbox__label {
			width: 100% !important;
		}
	}
	.titleStyPOs {
		background: #F6F7FB url("/static/backcolorImg.png") no-repeat top / 100%;
		position: fixed;
		width: 100%;
		z-index: 10;
	}
	.infoBoxSty {
		background-color: #fff;
		margin-left: 24rpx;
		margin-right: 24rpx;
		margin-top: 20rpx;
		border-radius: 20rpx;
	}
	.commonSty {
		color: #979CAA;
		font-family: PingFang SC;
		font-size: 32rpx;
		line-height: 48rpx;
		letter-spacing: 0px;
		height: 60rpx;
	}
	.activeSty {
		font-family: PingFang SC;
		font-weight: 600;
		font-size: 50rpx;
		letter-spacing: 0px;
		color: #000;
		border-bottom: 5rpx solid #4BB0FF;
	}
	.userSearchSty {
		/deep/ .u-action {
			right: 120rpx !important;
		}
	}
	.search-wxx {
		.searchSty {
			position: relative;
			/deep/ .u-action {
				position: absolute;
				z-index: 10;
				right: 10rpx !important;
			}
		}
	}
	.searchSty {
		display: flex;
		margin-left: 26rpx !important;
		margin-top: 26rpx !important;
		margin-bottom: 30rpx !important;
		/deep/ .u-content {
			background-color: #fff !important;
			height: 78rpx !important;
			position: relative;
			z-index: 2;
		}
		/deep/ .u-input {
			background-color: #fff !important;
		}
		/deep/ .u-icon__icon {
			color: #74C2FF !important;
		}
		/deep/ .u-action {
			width: 110rpx !important;
			height: 50rpx !important;
			background: linear-gradient(90deg, #278AFF 0%, #66D6E2 100%) !important;
			text-align: center;
			line-height: 50rpx;
			font-family: PingFang SC;
			color: #fff;
			font-weight: 500;
			font-size: 26rpx;
			letter-spacing: 0px;
			border-radius: 500rpx;
			position: absolute;
			z-index: 10;
			right: 20rpx;
		}
	}
	.collapsSty {
		width: 100%;
		// min-height: 70rpx;
		margin-left: 24rpx;
		margin-right: 24rpx;
		background-color: #fff;
		border-radius: 18rpx;
		margin-top: 16rpx;
		/deep/ .u-collapse-head {
			padding: 34rpx 28rpx !important;
		}
		/deep/ .u-collapse-title {
			color: #0E0E0E;
			font-family: PingFang SC;
			font-weight: 600;
			font-size: 28rpx;
		}
		/deep/ .u-collapse-body {
		}
		/deep/ .u-collapse-content {
			margin-left: 40rpx;
		}
		/deep/ .u-collapse-body {
			// height: 100% !important;
		}
	}
	.boxListSty {
		width: 100%;
		flex-shrink: 0;
		border-radius: 30rpx;
		background: #FFF;
		margin: 16rpx auto;
	}
	.funSty {
		width: 186rpx;
		height: 66rpx;
		background: #F6F7FB;
		font-family: PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		line-height: 66rpx;
		letter-spacing: 0px;
		color: #8C8C8C;
		border-radius: 500rpx;
		text-align: center;
	}
	.empty {
		width: 100%;
		height: 200rpx;
	}
	.footer_btn4{
		position: fixed;
		left:0;
		bottom: 0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #fff;
		padding: 30rpx 24rpx 60rpx;
		.btn_blue{
			width: 97%;
			height: 94rpx;
			flex-shrink: 0;
			border-radius: 500px;
			border: 2rpx solid rgba(3, 189, 130, 0.10);
			background: linear-gradient(90deg, #278AFF 0%, #66D6E2 100%);
			color: #FFF;
			font-family: "PingFang SC";
			font-size: 32rpx;
			font-style: normal;
			font-weight: 600;
			text-align: center;
			line-height: 94rpx;
		}
		.ico{
			width: 42rpx;
			height: 42rpx;
		}
	}
	.groupSty {
		/deep/ .u-input {
			width: 90%;
			margin: 50rpx auto;
			background-color: #F4F7FF !important;
			border-radius: 18rpx;
			border: 1rpx solid #E0E9FF !important;
		}
		/deep/ .u-model__title  {
			font-family: PingFang SC;
			font-weight: 600;
			font-size: 34rpx !important;
			letter-spacing: 0px;
			color: #1D1D1D !important;
		}
		/deep/ .u-border-top {
			border: none !important;
		}
		/deep/ .u-model__footer__button {
			width: 45% !important;
			height: 70rpx !important;
			line-height: 70rpx;
			border-radius: 500rpx;
			background-color: #F7F7F7;
			color: #333 !important;
		}
		/deep/ .hairline-left {
			background: linear-gradient(90deg, #278AFF 0%, #66D6E2 100%);
			margin-left: 30rpx;
			font-family: PingFang SC;
			font-weight: 600;
			font-size: 30rpx;
			letter-spacing: 0px;
			color: #fff !important;
		}
		/deep/ .u-model__footer__button {
			flex: 1 !important;
		}
		/deep/ .u-model__footer {
			display: flex;
			justify-content: center;
			margin-bottom: 30rpx;
			margin-left: 30rpx ;
			margin-right: 30rpx;
		}
		/deep/ .u-mode-center-box {
			border-radius: 36rpx !important;
		}
		/deep/ .u-border-top {
			position: static !important; 
		}
	}
	.migraSty {
		/deep/ .u-radio-group {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		/deep/ .u-radio {
			justify-content: center !important; 
		}
		/deep/ .u-model__footer__button {
			width: 45% !important;
			height: 70rpx !important;
			line-height: 70rpx;
			border-radius: 500rpx;
			background-color: #F7F7F7;
			color: #333 !important;
		}
		/deep/ .hairline-left {
			background: linear-gradient(90deg, #278AFF 0%, #66D6E2 100%);
			margin-left: 30rpx;
			font-family: PingFang SC;
			font-weight: 600;
			font-size: 30rpx;
			letter-spacing: 0px;
			color: #fff !important;
		}
		/deep/ .u-model__footer__button {
			flex: 1 !important;
		}
		/deep/ .u-model__footer {
			display: flex;
			justify-content: center;
			margin: 30rpx;
		}
		/deep/ .u-border-top {
			border: none !important;
		}
		/deep/ .u-model__title {
			color: #1D1D1D;
			font-size: 34rpx;
			font-weight: 600;
		}
	}
	.delConfirmSty {
		background: linear-gradient(90deg, #278AFF 0%, #66D6E2 100%);
		width: 80%;
		height: 76rpx;
		line-height: 76rpx;
		box-shadow: 0px 4px 13.8px 0px #DEE1EF;
		box-shadow: -2px -6px 9.9px 0px #71D0FF inset;
		box-shadow: -3px 4px 5.5px 0px #C8FBFF75 inset;
		border-radius: 500rpx;
		font-family: PingFang SC;
		font-weight: 600;
		font-size: 30rpx;
		color: #fff;
		text-align: center;
		margin-top: 65rpx;
	}
	.delCancelSty {
		width: 80%;
		height: 76rpx;
		line-height: 76rpx;
		background-color: #F7F7F7;
		font-family: PingFang SC;
		font-size: 30rpx;
		letter-spacing: 0px;
		color: #333;
		margin-top: 34rpx;
		border-radius: 500rpx;
		text-align: center;
		margin-bottom: 65rpx;
	}
	.boxStyColl {
		/deep/ .u-checkbox-group {
			display: flex !important;
		}
	}


	.search-wxx {
		flex: 1;
	}
</style>
